/**
 *  BASE ELEMENTS
 */
body {
	font: 0.75em arial, sans-serif;
	background-color: #EEF;
	margin: 0px;
}

h1 {
	color: #5077BE;
	font-size: 1.8em;
	margin-bottom: 8px;
}

h2 { color: #5077BE; }
h3 { color: #A0522D; }
h5 { color: #A346D1; }

p { }

h2, h3, h4, h5, h6, p {
	margin-top: 8px;
	margin-bottom: 8px;
}

h1, h3 { text-shadow: 0px 2px 2px #D3D3D3; }

ul { list-style-image: url(../img/modern/list-square.png); }

a { color: #5555BB; }

img { border-style: none; }

select, input {
	border: 1px solid #D3D3D3;
	border-radius: 2px;
	background-color: #F8F8F8;
}

fieldset {
	border: 1px solid #D3D3D3;
	padding: 4px;
	margin: 0px;
	border-radius: 4px;
}

form { margin: 0px; }

legend {
	color: #A9A9A9;
	font-size: 0.9em;
}

/**
 *  LAYOUT
 */
#main { height: 99%; }

header {
	background-color: #EEF;
	font-weight: bold;
	height: 40px;
	padding: 0px;
}

.signboard {
	border-style: none;
	border-collapse: collapse;
	margin: 0px 2px 0px 2px;
	padding: 0px;
}

.signboard td { padding: 0px; }

.signboard a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
}

#left-sidebar {
	background-color: #EEF;
	vertical-align: top;
	margin-left: 0px;
	height: 100%;
}

#content {
	width: 100%;
	vertical-align: top;
	padding: 8px;
}

#main, #content-table {
	width: 100%;
	border-style: none;
	border-collapse: collapse;
}

#right-sidebar { width: 15%; }

footer {
	background-color: #CCCCFF;
	clear: both;
	width: 100%;
}

#left-header .panel-block { float: left; }

#right-header .panel-block {
	float: right;
	margin: 4px;
}

header a {
	color: #444;
	text-shadow: 0px 2px 2px #D3D3D3;
}

#left-sidebar .panel-block {
	width: 160px;
	background-color: #FFF;
	margin: 8px;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #A9A9A9;
}

/**
 *  HOMEPAGE
 */
.homepage-table { width: 100%; }

.homepage-block {
	border-style: none;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #D3D3D3;
	background-color: #FFF;
	padding: 4px;
	vertical-align: top;
}

.homepage-block-caption {
	margin: 2px;
	padding: 2px;
	border-radius: 4px 4px 0px 0px;
	box-shadow: 1px 1px 2px #D3D3D3;
}

.b00 { width: 32%; }
.b01 { width: 28%; }
.b02 { width: 40%; }

.b00 .homepage-block-caption { background-color: #A0B0DA; }
.b10 .homepage-block-caption { background-color: #A5CAB1; }
.b01 .homepage-block-caption { background-color: #CDB8A5; }
.b02 .homepage-block-caption { background-color: #B8C0CB; }
.b12 .homepage-block-caption { background-color: #D3A5B1; }
.b22 .homepage-block-caption { background-color: #B5A1CD; }
.b32 .homepage-block-caption { background-color: #DDB09C; }
.b40 .homepage-block-caption { background-color: #A9A9A9; }

.homepage-block-caption a {
	color: #FFF;
	text-decoration: none;
}

.homepage-block-link {
	font-size: 0.9em;
	font-weight: bold;
	color: #696969;
}

/**
 *  TABS
 */
.primary-tabs {
	float: left;
	clear: both;
	border-style: none;
	padding-bottom: 0px;
}

.tab, .current-tab {
	display: inline;
	font-weight: bold;
}

.current-tab { 
	color: #333;
	text-shadow: 0px 2px 2px #D3D3D3;
}

.primary-tabs .tab a {
	color: #FFF;
	text-decoration: none;
}

.primary-tabs ul {
	margin: 0px;
	padding-left: 12px;
}

.primary-tabs .tab,
.primary-tabs .current-tab {
	padding: 4px 4px 1px 4px;
	border-radius: 4px 4px 0px 0px;
	box-shadow: 0px -1px 2px #D3D3D3;
	margin-left: 2px;
	margin-right: 2px;
}

.primary-tabs .tab {
	background-color: #A9A9A9;
}

.primary-tabs .current-tab { border-color: #D3D3D3; }

.secondary-tabs {
	font-size: 0.9em;
	border-style: none;
	float: left;
}

.secondary-tabs ul {
	margin: 4px;
	padding-left: 0px;
	padding-right: 0px;
}

.secondary-tabs .tab,
.secondary-tabs .current-tab {
	margin-left: 2px;
	margin-right: 2px;
}

.secondary-tabs .tab { 
	padding: 4px;
	box-shadow: 0px 1px 3px #D3D3D3;
}
.secondary-tabs .current-tab { padding: 3px; }

.secondary-tabs .current-tab {
	color: #333;
	border-radius: 3px;
}

.toolbar {
	float: right;
}

.tab-content,
.secondary-tabs,
.current-tab { background-color: #FFF; }

.tab-content {
	clear: both;
	padding: 8px;
	border-style: none;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #D3D3D3;
}

.choice { padding-left: 20px; }

.choice li {
	display: inline;
	font-weight: bold;
}

.block {
	border-radius: 4px;
	box-shadow: 1px 1px 2px #A9A9A9;
}

/**
 *  BUTTONS
 */
.normal-button   { background-color: #448844; border-color: #77BB77 #559955 #115511 #559955; }
.warning-button  { background-color: #CC7744; border-color: #FFAA77 #DD8855 #994411 #DD8855; }
.submit-button   { background-color: #6677BB; border-color: #99AACC #556688 #334477 #556688; }
.close-button    { background-color: #C14E4E; border-color: #E8BDBD #D89090 #A01F1F #D89090; }
.disabled-button { background-color: #D3D3D3; border-color: #D3D3D3; }

.normal-button,
.warning-button,
.submit-button,
.close-button,
.disabled-button {
	color: #FFF;
	box-shadow: 1px 1px 4px #888;
	border-style: none;
}

input.big {
	width: 128px;
	height: 24px;
	font-size: 0.9em;
	font-weight: bold;
}

.panel-button {
	color: #FFF;
	font-weight: bold;
	background-color:#95A6C7;
	border: 1px solid #FFF;
}

/**
 *  TABLES
 */
.data-table {
	font-size: 0.9em;
	border-collapse: collapse;
	width: 100%;
	border-right: 1px dotted #D3D3D3;
}

.data-table td {
	border-bottom: 1px dotted #D3D3D3;
	border-left: 1px dotted #D3D3D3;
}

.data-table th {
	background-color: #DDF;
	border: 1px dotted #FFF;
}

td.numeric { text-align: right; }

.properties-table { width: 100%; }

.properties-table th {
	background-color: #DDF;
	width: 20%;
}

.property {
	text-align: right;
	vertical-align: top;
}

.form-table { width: 100%; }

.form-table input,
.form-table select {
	width: 100%;
	font-size: 1.0em;
}

.form-table th {
	text-align: right;
	white-space: nowrap;
	width: 1%;
}

.form-table .with-errors input { border-color: #C44; }

.form-table .field-error {
	color: #C44;
	font-size: 0.8em;
}

.date-table {
	display: inline;
	width: 100%;
}

.date-table td { width: 20%; }

.data-table .weighty-record { font-weight: bold; }

.grid-table {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
}

.grid-table td { border-style: none; }

.grid-table td.field00 { background-color: #F0F0FC; }
.grid-table td.field01 { background-color: #F8F8FF; }
.grid-table td.field10 { background-color: #F8F8FF; }
.grid-table td.field11 { background-color: #F0F0FC; }

/**
 *  MENU
 */
 .menu {
 	list-style: none;
 	padding-left: 0px;
 	margin-left: 4px;
 	margin-top: 8px;
 	margin-bottom: 	8px;
 }
 
.menu li {
	font-weight: bold;
	font-size: 0.9em;
	/*white-space: nowrap;*/
	margin-bottom: 4px;
}

.menu-caption {
	text-transform: uppercase;
	color: #994C30;
	text-shadow: 0px 2px 2px #D3D3D3;
}

/**
 *  PAGINATOR
 */
.paginator {
	text-align: left;
	font-weight: bold;
	padding: 8px;
}

.paginator.years {
	float: right;
	clear: left;
}

.pager_link { }

.pager_curpage {
	color: #FFF;
	background-color: #B5C6E7;
	border-radius: 3px;
}

.pager_link, .pager_curpage { padding: 2px 6px 2px 6px; }

/**
 *  CRUD
 */
.crud-action {
	width: 24px;
	text-align: center;
}
.crud-action { font-weight: bold; }

.crud-action a {
	font-size: 0.9em;
	text-decoration: none;
}

.crud-action.edit,
.crud-action.edit a { color: #006400; }

.crud-action.delete,
.crud-action.delete a { color: #B22222; }

.hierarchy-crud-items {
	padding-left: 0px;
	margin-left: 40px;
	list-style: none;
}

/**
 *  TEXT CLASSES
 */
.lowercase { text-transform: lowercase; }

/**
 *  JQUERY UI
 */
#ui-datepicker-div {
	background-color: #FFEBCD;
	border: 1px solid #AAA;
	padding: 4px;
	display: none;
}

.ui-datepicker-cover { display: none; }

.ui-datepicker-calendar a.ui-state-default {
	color: #476;
	font-weight: bold;
}

td.ui-datepicker-week-end a.ui-state-default { color: #844; }

.ui-datepicker-prev,
.ui-datepicker-next {
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	margin: 2px;
	background-color: #DA9;
	border: 1px solid #FFF;
	cursor: hand;
}

/**
 * MESSAGING
 */
.message-box {
	position: absolute;
	left: 1%;
	right: 1%;
	width: 98%;
	height: 24px;
	background-color: #FFEBCD;
	border: 1px solid #AAA;
}

.message-box .sender {
	color: #822;
	white-space: nowrap;
}

div.message-box-message {
	position: absolute;
	font-size: 1.0em;
	margin: 4px;
}

div.message-box-buttons {
	position: absolute;
	right: 4px;
}

a.online, a.inactive {
	color: #006400;
	text-decoration: none;
	cursor: pointer;
}

.panel-block a.online   { color: #483D8B; font-weight: bold; }
.panel-block a.inactive { color: #483D8B; font-weight: normal; }

.user-id { display: none; }

.messaging-table { width: 100%; height: 100%; }

td.send-form-text { height: 100%; }

textarea.send-form-text { width: 100%; height: 100%; }

input.send-form-button {
	color: #FFF;
	background-color: #5577C9;
	width: 80px;
}

div.send-form-button { text-align: right; }

.send-form-whom {
	font-size: 0.9em;
	font-weight: bold;
}

.send-form-user { color: #A57341; }

.recent-messages-time { font-size:0.7em; color:#006400; }
.recent-messages-text { font-size:0.8em; }

.messages-table {}

.messages-table .message-sender { color: #A52A2A; }
.messages-table .message-time { color: #006400; }
.messages-table .message-text { }

.messages-table .read { font-weight: noraml; }
.messages-table .unread { font-weight: bold; }

/**
 * HELPERS
 */
.top-aligned    { vertical-align: top; }
.middle-aligned { vertical-align: middle; }
.bottom-aligned { vertical-align: bottom; }
.left-aligned   { text-align: left; }
.center-aligned { text-align: center; }
.right-aligned  { text-align: right; }

.half-width { width: 50%; }
.full-width { width: 100%; }

.no-border, .no-border th, .no-border td { border: none; }

/**
 *  TEMP
 */
a.dark-ref { color: #483D8B; }
p.online { font-weight: bold; }
input.date { cursor: pointer; }
